import React, { useContext, useState, useEffect } from 'react'
import { connect } from 'react-redux'
// import { connect } from '../../myReactRedux'
import VoteMain from './Main'
import VoteFooter from './Footer'
import './vote.less'
import ThemeContext from '../../ThemeContext'

function Vote(props) {
  const { supNum, oppNum } = props

  return <div id='vote'>
    <div>总人数:  {supNum + oppNum}</div>
    <VoteMain></VoteMain>
    <VoteFooter></VoteFooter>
  </div>
}

export default connect(state => state.vote)(Vote)